<template>

	<view @tap="twoAvatarClick()" class="cu-avatar radius" :style="[{backgroundImage:'url('+ message.from.avatar +')'}]">
		<chat-deanpopover  :message="message" :direction="'right'" :btnStyle="[{height:'100%'}]" :btnList="['@']" :modalTopPos="'calc(100% + 30rpx)'" :modalLeftPos="'calc(50% - 7.5vw)'">
			<text class="avatar-text text-ABC" v-if="!message.from.avatar">{{message.from.name}}</text>
		</chat-deanpopover>
	</view>
</template>

<script>
	import app from '@/mixins/app.js'
	import click from '@/mixins/click.js'
	export default {
		data(){
			return {
				
			}
		},
		mixins:[app,click],
		
		props: {
			message: {
				type: [Object],
				default:()=>{
					return {}
				}
			},
			
		},
	}
</script>
	
<style>
</style>
